<template>
  <div>
    <SkyOutSide title="外链标题">

      <!-- <div slot="header">
             顶部自定义
          </div> -->

      <div slot="main">

        <SkyCardPanel title="外链容器">
          <div slot="main">
            内容...
          </div>
        </SkyCardPanel>

      </div>

      <div class="SkyOutSideFooter" slot="footer">
        <SkyButton type="primary" @click="save">保存</SkyButton>
        <SkyButton type="secondary" @click="cancel">取消</SkyButton>
      </div>

    </SkyOutSide>
  </div>
</template>

<script>
export default {
  methods: {
    save () {
      alert('保存')
    },
    cancel () {
      window.close()
    }
  }

}
</script>

<style lang="scss" scoped>
</style>